<!DOCTYPE html>
<html ng-app="shuaduanapp"  ng-controller="ShuaTimeSearch" lang="zh-CN">
<head charset="UTF-8">
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>刷锻去哪儿</title>
	<!-- Loading Bootstrap -->
	<link href="css/bootstrap.css" rel="stylesheet">
	<!-- Loading Flat UI -->
	<link href="css/flat-ui.css" rel="stylesheet">
	<link href="css/select2.css" rel="stylesheet">
	<script src="js/jquery.min.js"></script>
	<script src="js/select2.full.js"></script>
	<script src="js/angular.min.js"></script>
	<script src="js/controller.js"></script>
	<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
  <!--[if lt IE 9]>
    <script src="dist/js/vendor/html5shiv.js"></script>
    <script src="dist/js/vendor/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="img/favicon.ico">
</style>
</head>
<body>
	<div class="container-fluid" style="background-color:#2980B9">
		<h5 style="color:#fff"><span class="fui-alert-circle"></span>本周是第三周，离刷锻结束还有xx个工作日</h5>
		<div class="btn-group center-block">
		<!--单选框组-->
  		<label ng-repeat="textn in s1.values" ng-class="{btn: true, 'btn-primary': true, active: textn.xuanxiang == s1.selection.xuanxiang}">
        <input type="radio" class="hidden" name="rangeselect" ng-model="s1.selection" ng-value="textn"/>{{textn.xuanxiang}}</label>
		</div>
		<p>您选的是：{{s1.selection}}
	</div>
	<br>
	<h5 style="display:inline">校区：</h5>
	<div class="btn-group btn-group-lg">
		<!--单选框组-->
  		<label ng-repeat="textn in s2.values" ng-class="{btn: true, 'btn-primary': true, active: textn.xuanxiang == s2.selection.xuanxiang}">
        <input type="radio" class="hidden" name="rangeselect" ng-model="s2.selection" ng-value="textn"/>{{textn.xuanxiang}}</label>
		</div>
		<p>您选的是：{{s2.selection}}
	<br>
	<h5 style="display:inline;margin-top:10px">项目：</h5>
	<div class="btn-group btn-group-lg">
		<!--单选框组-->
  		<label ng-repeat="textn in s3.values" ng-class="{btn: true, 'btn-primary': true, active: textn.xuanxiang == s3.selection.xuanxiang}">
        <input type="radio" class="hidden" name="rangeselect" ng-model="s3.selection" ng-value="textn"/>{{textn.xuanxiang}}</label>
		</div>
		<p>您选的是：{{s3.selection}}
	</div>
</div>
<h4 class="text-center">请选择刷锻项目</h4>
<div style="margin-left:auto">
	<script type="text/javascript">
		$("select").select2({dropdownCssClass: 'dropdown-inverse'});
		$(document).ready(function() {
			$('select').select2();
			$(".js-example-basic-multiple").select2();
		});
	</script>
	<div class="container-fluid" style="font-size:40px">
		<!-- <select class="form-control multiselect multiselect-info" multiple="multiple" style="width: 75%" id="xmselect" ng-model="selected">-->
		<select class="select2-container select2-selection--single" ng-model="selected" style="width:100%;font-size:40px" ng-click="chgsel(3)">
			<option id="selzc" value="ZC">早操</option>
			<option value="LDTY">立定跳远</option>
			<option value="YWQZ">仰卧起坐</option>
			<option value="YTXS">引体向上</option>
			<option value="RUN">中长跑</option>
			<option value="PPF">乒乓房</option>
			<option value="JSF">健身房</option>
			<option value="LQ">篮球</option>
			<option value="PQ">排球</option>
			<option value="TENNIS">网球</option>
			<option value="YMQ">羽毛球</option>
		</select>
	</div>
	<div class="row">
		<div class="container-fluid">
			<table class="table table-bordered table-striped table-responsive" style="font-size:22px">
				<tr><th>序号</th><th>项目</th><th>地点</th><th>开放时间</th></tr>
				<tr ng-repeat="shuaData in shua |filter:selected">
					<td>{{$index+1}}</td>
					<td>{{shuaData.name}}</td>
					<td>{{shuaData.place}}</td>
					<td>{{shuaData.opentimestr}}</td>
				</tr>
			</table>
		</li>
	</ul>
	<p>当前：{{currentselect}}</p>
</div>
</div>
</body>
</html>